<!doctype html>
<html class="no-js" lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <title>图片</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
  <link rel="shortcut icon" type="image/png" href="assets/images/fev.png">
  <link rel="stylesheet" href="assets/css/animate.css">
  <!-- font-awesome -->
  <link rel="stylesheet" href="assets/css/font-awesome.min.css">
  <!-- pe-icon-7-stroke -->
  <link rel="stylesheet" href="assets/css/pe-icon-7-stroke.min.css">
  <!-- owl carousel -->
  <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
  <!-- owl theme default -->
  <link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
  <!-- magnific popup -->
  <link rel="stylesheet" href="assets/css/magnific-popup.css"> 
  <!-- bootstrap -->
  <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  <!-- scrollable -->
  <link rel="stylesheet" href="assets/css/jquery.scrollable.css">
  <!-- audioplayer -->
  <link rel="stylesheet" href="assets/css/audioplayer.css">
  <!-- menu -->
  <link rel="stylesheet" href="assets/css/menu.css">
  <!-- main -->
  <link rel="stylesheet" href="assets/css/main.css">
  <!-- responsive -->
  <link rel="stylesheet" href="assets/css/responsive.css">
  <!-- default -->
  <link rel="stylesheet" href="assets/css/default.css">
  <!-- color -->
  <link rel="stylesheet" href="assets/css/color.css">
</head>

<body>
 <header class="header-nav-area js-index1-nav sticky-on"><!-- header-nav -->
    <div class="container-fluid">
      <div class="row flexbox-center"> 
        <div class="col-md-2 col-sm-6">
          <div class="logo">
            <a href="index.html"><img src="assets/images/logo.png" alt="Devaid logo"></a>
          </div>
        </div><!-- col-lg-4 -->
        
        <div class="col-md-7 header-nav-none"> 
          <nav class="header-nav">
              <div class="cssmenu" data-title="Menu">  
                <ul class="menu list-inline">
                    <li><a href="index.html">首页</a>
                    </li>
                    <li><a href="album.html">歌单</a>
                    </li>
                    <li><a href="event.html">说明</a>
					</li> 
                    <li class="active"><a href="photo-gallary.html">图片</a>
                     
                    </li>
                    <li  ><a href="artist.html">相关</a>
                    </li>  
                      
                    <li><a href="../../404.html">404</a>
                    </li>    
                </ul>
              </div><!-- #header-menu-wrap -->       
          </nav><!-- .header-nav -->
        </div><!-- col-lg-7 -->
      </div><!-- row -->
    </div><!-- container -->
  </header><!-- header-nav --> 

  <div class="js-offcanvas-menu" id="js_offcanvas_menu">
    <nav class="header-nav">
      <span class="js-offcanvas-close"><i class="pe-7s-close"></i></span> 
      <div class="cssmenu" data-title="Menu">  
        <ul class="menu list-inline">
            <li><a href="index.html">HOME</a>
                <ul>
                  <li><a href="index2.html">Home Version two</a></li>
                  <li><a href="index3.html">Home Version three</a></li>
                  <li><a href="index4.html">Home Version four</a></li>
                  <li><a href="index5.html">Home Version five</a></li>
                  <li><a href="index6.html">Home Version Six</a></li>
                </ul>
            </li>
            <li><a href="album.html">ALBUMS</a>
              <ul>
                <li><a href="album-single.html">Album Details</a></li>
              </ul>
            </li>
            <li><a href="event.html">Event</a>
              <ul>
                <li><a href="single-event.html">Event Details</a></li>
              </ul></li> 
            <li class="active"><a href="photo-gallary.html">GALLERY</a>
              <ul>
                <li><a href="photo-gallary.html">Photo Gallary</a></li>
                <li><a href="single-photo-gallary.html">Single Photo Gallary</a></li>
                <li><a href="video-gallary.html">Video Gallary</a></li>
                <li><a href="single-video-gallary.html">Single Video Gallary</a></li>
              </ul>
            </li>
            <li><a href="artist.html">Singer</a>
              <ul>
                <li><a href="artist.html">Artist page</a></li>
                <li><a href="single-artist.html">Artist Details</a></li>
              </ul>
            </li>  
            <li><a href="shop.html">Shop</a>
              <ul>
                <li><a href="shop.html">Product Page</a></li>
                <li><a href="product-details.html">Product Details</a></li>
                <li><a href="cart.html">Product Cart</a></li>
                <li><a href="checkout.html">Product Checkout</a></li>
              </ul>
            </li>    
            <li><a href="blog.html">BLOG</a>
              <ul>
                <li><a href="blog.html">Blog Page</a></li>
                <li><a href="blog-sidebar.html">Blog Sidebar</a></li>
                <li><a href="blog-single.html">Blog Details</a></li>
              </ul>
            </li>    
            <li><a href="contact.html">CONTACT</a></li>  
        </ul>
      </div><!-- #header-menu-wrap -->  
      <div class="widget mt-3">
       <div class="js-widget-search">
         <form>
           <input type="text" required="" placeholder="Search Here..">
           <i><img alt="search icon" src="assets/images/search.png"></i>
         </form>
       </div>
      </div>
    </nav> <!-- header-nav -->
  </div><!-- js-offcanvas-menu -->

  <section class="js-breadcrumb-area">
    <div class="container">
      <div class="row d-flex align-items-center">
        <div class="col-md-12 text-center has-color">
          <div class="js-breadcrumb-content">
            <h2>图片合集</h2>
          </div>
        </div>
      </div>
    </div>
  </section> <!-- js-breadcrumb-area -->

  <section class="js-content-memories  has-color bg-dark">


      <div class="js-gallary-list">

        <div class="row"> 
          <div class="col">
            <div class="js-gallary-thumbnail">
              <a href="assets/images/memoris/1.jpg" class="js-full-size-image"><img src="assets/images/memoris/1.jpg" alt="gallary photo"></a>
            </div>    
            <div class="js-gallary-thumbnail">
              <a href="assets/images/memoris/3.jpg" class="js-full-size-image"><img src="assets/images/memoris/3.jpg" alt="gallary photo"></a>
            </div>           
          </div> 
          <div class="col">
		  
		  
            <div class="js-gallary-thumbnail">
              <a class="js-full-size-image" href="assets/images/memoris/2.jpg"><img src="assets/images/memoris/2.jpg" alt="gallary photo"></a>
            </div>  
			
			<div class="js-gallary-thumbnail">
              <a class="js-full-size-image" href="assets/images/memoris/4.jpg"><img src="assets/images/memoris/4.jpg" alt="gallary photo"></a>
            </div> 
			        
                    
          </div> 
		  
		  
          <div class="col">
            <div class="js-gallary-thumbnail">
              <a class="js-full-size-image" href="assets/images/memoris/5.jpg"><img src="assets/images/memoris/5.jpg" alt="gallary photo"></a>
            </div>          
          </div> 
          <div class="col">
		  
		  <div class="js-gallary-thumbnail">
              <a class="js-full-size-image" href="assets/images/memoris/6.jpg"><img src="assets/images/memoris/6.jpg" alt="gallary photo"></a>
            </div>
		  
                  
            <div class="js-gallary-thumbnail">
              <a class="js-full-size-image" href="assets/images/memoris/8.jpg"><img src="assets/images/memoris/8.jpg" alt="gallary photo"></a>
            </div>          
          </div> 
          <div class="col">
            <div class="js-gallary-thumbnail">
              <a class="js-full-size-image" href="assets/images/memoris/7.jpg"><img src="assets/images/memoris/7.jpg" alt="gallary photo"></a>
            </div>          
            <div class="js-gallary-thumbnail">
              <a class="js-full-size-image" href="assets/images/memoris/9.jpg"><img src="assets/images/memoris/9.jpg" alt="gallary photo"></a>
            </div>          
          </div> 
        </div><!-- row -->
        
      </div>  <!-- js-gallary-list -->
    </div><!-- container -->
  </section><!-- js-content-memories -->

  <span class="scrolltop"><i class="pe-7s-angle-up"></i></span>
  
 <footer class="js-footer-area has-color">
 
   
   <div class="js-footer-section"> 
 
     <div class="container">
       <div class="row">
         <div class="col-lg-12 text-center">
           <p class="js-copyright">© 2019</p>
         </div>
       </div><!-- row end -->
     </div><!-- container -->
   </div><!-- footer-area -->
 </footer> <!-- footer End-->
   

  <script src="assets/js/vendor/jquery-3.3.1.min.js"></script> 
  <script src="assets/js/bootstrap.min.js"></script>
  <script src="assets/js/owl.carousel.min.js"></script>
  <script src="assets/js/jquery.magnific-popup.min.js"></script>
  <script src="assets/js/swiper.min.js"></script>
  <script src="assets/js/plugins.js"></script>
  <script src="assets/js/menu.js"></script>
  <script src="assets/js/countdown.js"></script>  
  <script src="assets/js/jquery.nice-select.min.js"></script>  
  <script src="assets/js/jquery.jplayer.min.js"></script> 
  <script src="assets/js/jplayer.playlist.min.js"></script>
  <script src="assets/js/audio-player.js"></script>
  <script src="assets/js/audioplayer.js"></script>  
  <script src="assets/js/main.js"></script>  
  


</body>

</html>
